<template>
  <el-form-item>
    <el-button type="text" @click="clickEvenMore">
      更多筛选条件
      <i v-if="!showMore" class="el-icon-arrow-down el-icon--right"></i>
      <i v-else class="el-icon-arrow-up el-icon--right"></i>
    </el-button>
  </el-form-item>
</template>

<script lang="ts">
export default defineComponent({
  name: 'EvenMore',
})
</script>

<script lang="ts" setup>
import { defineComponent, defineEmits, defineProps, ref } from 'vue'

const props = defineProps({
  visible: {
    type: Boolean,
    required: true,
  },
})

const emit = defineEmits(['update:visible'])

const showMore = ref(props.visible)

const clickEvenMore = () => {
  showMore.value = !showMore.value
  emit('update:visible', showMore.value)
}
</script>
